<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<style>
@media only screen and (max-width: 329px){
    #lib .weui_media_info_meta {
        font-size: 12px !important;
    }
}
#lib .weui_cells_radio .weui_cell:active {
  background-color: #FFFFFF;
}
#lib .weui_media_box .weui_media_box:before {
  border-top:0px;
}
#lib .scr-page .weui_media_box .weui_media_box {
  padding:5px 10px 0px !important;
}
#lib .weui_media_info_meta{
  font-size: 15px;
}
#lib .weui_panel:before {
  border-top: 0px;
}
#lib .weui_panel:after {
  border-bottom: 0px;
}
#lib .weui_media_box{
  padding-top: 10px; padding-bottom: 10px;
}
#lib .weui_media_box .weui_media_text .weui_media_info{
  margin-top: 10px;
  color: #999999;
  line-height: 15px;
}
#lib .weui_media_box .weui_media_text .weui_media_title {
  margin-bottom: 5px;
}
#lib .weui_info_box{
  padding-top: 5px;padding-bottom: 5px;
}
#lib .weui_info_box .weui_media_title{
  font-size: 16px;
}
#lib .weui_media_text .weui_media_title .info{
  font-size:13px;
}
 #lib .weui_media_info .weui_media_info_meta{
	text-align: center;
    width: 30%;
  }
 #lib .weui_media_info .weui_media_info_meta:first-child{
	text-align: left;
  }
</style>

<header class="scr-header po-f">
	<div class="itms itms3" id="lx-btn"><span style="padding-right: 10px;">类型</span></div>
	<div class="itms itms3" id="jz-btn"><span style="padding-right: 10px;">价值</span></div>
	<div class="itms itms3" id="sl-btn"><span style="padding-right: 10px;">数量</span></div>
</header>

<section class="tc-top" id="lx-main">
	<div class="weui_cells weui_cells_radio">
		<label class="weui_cell weui_check_label" for="radioQy01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>类型1</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioQy" id="radioQy01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
		<label class="weui_cell weui_check_label" for="radioQy02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>类型2</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioQy" id="radioQy02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
	</div>
</section>
<section class="tc-top" id="sl-main">
	<div class="weui_cells weui_cells_radio">
		<label class="weui_cell weui_check_label" for="radioSl01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>数量1</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioSl" id="radioSl01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
		<label class="weui_cell weui_check_label" for="radioSl02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>数量2</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioSl" id="radioSl02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
	</div>
</section>
<section class="tc-top" id="jz-main">
	<div class="weui_cells weui_cells_radio">
		<label class="weui_cell weui_check_label" for="radioZl01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>价值1</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioZl" id="radioZl01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
		<label class="weui_cell weui_check_label" for="radioZl02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>价值2</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioZl" id="radioZl02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
	</div>
</section>

<script type="text/javascript">
$('#lx-main input:radio').change(function()
{
	$('#lx-main').removeClass('show');
});
$('#sl-main input:radio').change(function()
{
	$('#sl-main').removeClass('show');
});
$('#jz-main input:radio').change(function()
{
	$('#jz-main').removeClass('show');
});
$('#lx-main input:radio').click(function()
{
	$('#lx-main').removeClass('show');
});
$('#sl-main input:radio').click(function()
{
	$('#sl-main').removeClass('show');
});
$('#jz-main input:radio').click(function()
{
	$('#jz-main').removeClass('show');
});

$(function()
{
	  $("#lx-btn").swipe({
			tap: function () {
				$('#sl-main').removeClass('show');
				$('#jz-main').removeClass('show');
				$('#lx-main').toggleClass('show');
			}
    	});
	  $("#sl-btn").swipe({
			tap: function () {
				$('#lx-main').removeClass('show');
				$('#jz-main').removeClass('show');
				$('#sl-main').toggleClass('show');
			}
    	});
	  $("#jz-btn").swipe({
			tap: function () {
				$('#lx-main').removeClass('show');
				$('#sl-main').removeClass('show');
				$('#jz-main').toggleClass('show');
			}
    	});
})
</script>

<section class="page scr-page" style="min-height: calc(100vh - 150px);min-height: -moz-calc(100vh - 150px);min-height: -webkit-calc(100vh - 150px);;background: #ffffff none repeat scroll 0 0;">
<div class="weui_panel weui_panel_access">
	<div class="weui_panel_bd">
		<div onclick="gotoDetail()" class="weui_media_box weui_media_appmsg">
			<div class="weui_media_hd" style="margin-top: -25px;">
				<img alt="" src="resources/images/avatar/tx.jpg" class="weui_media_appmsg_thumb">
			</div>
			<div class="weui_media_box weui_media_text" style="width:100%;">
				<div class="weui_media_title"><span class="name">王可</span><span class="info">艺米沙画总经理</span></div>
				<div class="weui_info_box">
					<div class="weui_media_title">实物类礼品</div>
					<ul class="weui_media_info" style="color: #999999;">
						<li class="weui_media_info_meta">50元+</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra">5百份</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra"></li>
					</ul>
				</div>
			</div>
		</div>
		<div onclick="gotoDetail()" class="weui_media_box weui_media_appmsg">
			<div class="weui_media_hd" style="margin-top: -25px;">
				<img alt="" src="resources/images/avatar/tx.jpg" class="weui_media_appmsg_thumb">
			</div>
			<div class="weui_media_box weui_media_text" style="width:100%;">
				<div class="weui_media_title"><span class="name">李明高</span><span class="info">行友广告市场经理</span></div>
				<div class="weui_info_box">
					<div class="weui_media_title">卡券类礼品</div>
					<ul class="weui_media_info" style="color: #999999;">
						<li class="weui_media_info_meta">100元+</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra">1千份</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra"></li>
					</ul>
				</div>
			</div>
		</div>
		<div onclick="gotoDetail()" class="weui_media_box weui_media_appmsg">
			<div class="weui_media_hd" style="margin-top: -25px;">
				<img alt="" src="resources/images/avatar/tx.jpg" class="weui_media_appmsg_thumb">
			</div>
			<div class="weui_media_box weui_media_text" style="width:100%;">
				<div class="weui_media_title"><span class="name">王可五个字</span><span class="info">艺米沙画总经理</span></div>
				<div class="weui_info_box">
					<div class="weui_media_title">实物类礼品</div>
					<ul class="weui_media_info" style="color: #999999;">
						<li class="weui_media_info_meta">50元+</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra">5百份</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra"></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="weui_media_box weui_media_appmsg"></div>
	</div>
</div>
</section>

<script type="text/javascript">
function gotoWorkDetail(object)
{
	window.location.href="work/detail.jsp";
}
function gotoManDetail(object)
{
	window.location.href="market/woman.jsp";
}
function gotoDetail()
{
	window.location.href="market/list.jsp";
}
</script>
